<template>
  <div>
        
          <el-form ref="userInfo" 
            :model="userInfo" 
            label-width="100px"
            :inline="true"
          >
              <el-form-item label="请输入你的昵称~~~~~~~~~~~~">
                <el-input v-model="userInfo.password"></el-input>
              </el-form-item>  
              <el-form-item label="请输入你的手机号">
                <el-input v-model="userInfo.phonenumber"></el-input>
              </el-form-item>   
              <el-form-item label="请输入你的身份证号码">
                <el-input v-model="userInfo.password"></el-input>
              </el-form-item>     
              <el-form-item label="请输入你的密码">
                <el-input v-model="userInfo.password"></el-input>
              </el-form-item>     
              <el-col :span='19'>
                <el-form-item label="请输入你的地址" >
                  <el-input v-model="userInfo.password"></el-input>
                </el-form-item>  
              </el-col>  
                                                                                              
              <el-form-item class="registerBtn">
                <el-button type="primary" @click="onSubmit">注册</el-button>
                <el-button @click="cancel">取消</el-button>
              </el-form-item>
            </el-form>

           
     
  </div>
</template>

<script>
export default {
  name:'registerView',
  data() {
    return {
      userInfo:{
        phonenumber:'',
        password:'',
        type:[]
      },
      storage:false,
     
    }
  },
  props:{
    dialogVisible : Boolean,
    currentType:Number
  },
  methods: {
    cancel(){
      this.$emit('cancel')
    }
  },
}
</script>

<style scoped>
.pwd{
  margin-top: 30px;
}

.register{
  float: right;
  padding-bottom: 30px;
  color: red;
}

.registerBtn{
  width: 500px;
  margin-left: 237px;
  /* border:1px solid red */
}
</style>